@import "./variable.styl"
@import "./mixin.styl"

$img-ratio = (2 / 3)
$img-ratio-s = (1.8 / 3)
.mdi:before
  vertical-align: middle


.title
  font-weight: 700
  font-size: $font-size-medium-x
  line-height: 1.6
.time
  white-space nowrap
  color $color-text-bl
.hint-text
  color: $color-green-d
  font-size: $font-size-medium-x
  line-height: 1.3
  letter-spacing .5px
.font-number
  font-family:DINAlternate-Bold
.amount
  color $color-main
  //text-shadow 0 0 1px rgba(0,0,0,.3)
  white-space nowrap
  font-size $fsz-large
  // @extend .font-number
.amount-large
  color $color-green
  font-size: $font-size-large-x
  white-space nowrap
  font-family:DINAlternate-Bold

.van-card__right>div:first-child
  @extend .amount


.bg-img-ratio
  padding-top: (100% * $img-ratio)!important
.bg-img-ratio-s
  padding-top: (100% * $img-ratio-s)!important
.background-img
  background-position center
  background-repeat no-repeat
  background-size cover
.bg-img-h
  height 250px

.avatar
  display: inline-block
  background-position center
  background-repeat no-repeat
  background-size cover
  width: 5rem
  height: 5rem
  border-radius 50%
  flex-grow 0
  flex-shrink 0
  border 2px solid $color-white
.avatar-large
  @extend .avatar
  width: 8.3rem
  height: 8.3rem
.avatar-large-x
  @extend .avatar
  width:9rem
  height: 9rem
.avatar-large-s
  @extend .avatar
  width:6rem
  height: 6rem
.avatar-sm
  @extend .avatar
  width: 4rem
  height: 4rem
.avatar-sm-s
  @extend .avatar
  width: 3rem
  height: 3rem

.van-nav-bar
  color $color-white
  background-color $color-main!important
  [class*="van-nav"]
    color currentColor!important
  &::after
    display none

.header
  padding 4.6rem 0 2rem
  background-image linear-gradient(to bottom, rgba(232, 25, 15, 1), rgba(244, 82, 5, 1))
  color $color-white
.username
  font-size $fsz-medium-x
.username-x
  font-size $fsz-large-x

.color-l
  color $color-black-l
.bg
  background-color $color-bg

.shadow-text-white
  text-shadow 0 0 1px rgba(255, 255, 255, 0.6)

.split
  height 1rem
  background-color $color-main-bg

